<script>
export default {
    name: "Tools",
    data(){
        return{
            tools: [

                {
                    link: 'https://www.sojson.com/image/format.html',
                    title: '图片格式转换',
                    content:'各种格式图片相互转换'
                },
                {
                    link: 'https://www.sojson.com/web/yasuo.html',
                    title: '图片尺寸修改',
                    content:'修改图片尺寸'
                },
                {
                    link: 'http://www.yalijuda.com/',
                    title: '图片/视频压缩',
                    content: '裁剪图片和视频'
                },
                {
                    link: 'https://www.wdku.net/',
                    title: '文字图片识别',
                    content: 'ocr识别图片文字，扫描pdf转word'
                },
                {
                    link: 'https://www.xiazaitool.com/',
                    title: '抖音/B站视频下载',
                    content: '抖音视频下载神器'
                },
                {
                    link: 'http://blog.luckly-mjw.cn/tool-show/m3u8-downloader/index.html',
                    title: 'm3u8视频下载工具',
                    content: '可以下载大部分在线播放视频'
                },

                {
                    link: 'https://jianwai.youdao.com/videoTrans',
                    title: '网易外见',
                    content: '导入视频，生成字幕'
                },
                {
                    link: 'https://subplayer.js.org/',
                    title: '在线制作字幕',
                    content: '在线制作字幕'
                },

            ],
        }
    }
}
</script>

<template>
    <div class="bodybox">
        <div id="lmn3">
            <div class="livebigbox" style="background: none;">
                <div class="mods wp">
                    <div class="mod_top_nav" style="margin-bottom: 3px">
                        <h2>办公小工具</h2>
                        <div class="top_nav_breadcrumb"></div>
                    </div>

                    <div class="mod_list keke_doc_clearfix">
                        <div class="wp web-module">
                            <ul class="keke_doc_clearfix">
                                <li style="width: 20%;" v-for="(tool,index) in tools" >
                                    <div class="module_subbox">
                                        <a :href="tool.link" target="_blank" class="keke_doc_clearfix">
                                            <!-- <div class="lefticon">
                                                 <img src="/static/picture/home/tkZMpLQxJ96VMMj.png">
                                             </div>-->
                                            <div class="web-module-right">
                                                <div class="righthd">{{tool.title}}</div>
                                                <div class="rightbd">{{tool.content}}</div>
                                            </div>
                                        </a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<style scoped>

</style>
